<template>
	<div class="lf-content">
		<div>
			<a href="#">
				<img src="./images/111.jpg">
				<p>【老酒特卖】42°汾酒集团杏花村玉酒450ml（2010年）</p>
				<div>
					<span>￥39</span>
					<input type="button" value="点击购买">
				</div>
			</a>
		</div>
	</div>
</template>

<style scoped>
	.lf-content{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.lf-content>div{
		width: 4.7188rem;
		height: 7.4062rem;
		position: relative;
		background: #fff;
		margin-bottom: 0.2344rem;
	}
	.lf-content>div a img{
		width: 100%;
		height: 4.375rem;
	}
	.lf-content>div a{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.lf-content>div a p{
		height: 0.875rem;
		width: 90%;
		color: #000;
		font-size: 0.33rem;
		border-bottom: 1px solid #8e8e8e;
	}
	.lf-content>div a div{
		width: 90%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		bottom: 0.0938rem;
	}
	.lf-content>div a div span{
		font-size: 0.375rem;
		color: #f00;
	}
	.lf-content>div a div input{
		width: 1.6875rem;
		height: 0.75rem;
		line-height: 0.75rem;
		text-align: center;
		background: #f00;
		color: #fff;
		border: none;
		border-radius: 0.0469rem;
	}
</style>